<template>
	<view class="banc">
		<view class="min">
				<view class="xig">
				<text>持卡人：</text>	<input type="text" placeholder="请输入姓名" style="margin-bottom: 10px;margin-left: 10vw;">
				</view>
				<view class="ka">
				<text>卡号：</text>	<input type="text" placeholder="请输入银行卡号" style="margin-bottom: 10px;margin-left: 14vw;">
				</view>
				<view class="ka" >		
						<template>
							<u-form-item							
									label="银行:"
									prop="userInfo.sex"
									borderBottom
									@click="showSex = true"
									ref="item1"					
										>
									<u--input
										v-model="model1.userInfo.sex"
										disabled
										disabledColor="#ffffff"
										placeholder="请选择银行卡"
										border="none"
										style="margin-left: 15vw;"
									></u--input>
											<u-icon
													slot="right"
													name="arrow-right"
											></u-icon>
										</u-form-item>					
									<u-action-sheet
											:show="showSex"
											:actions="actions"
											@close="showSex = false"
											@select="sexSelect"
									>
									</u-action-sheet>
						</template>
			
				</view>
				<view class="ka">
				<text>提现：</text>	<input type="text" placeholder="最低提现金额1" style="margin-bottom: 10px;margin-left: 14vw;">
				</view>
				<view class="wen">
					<text>当前可提现金额:￥0.00,冻结佣金:￥0</text>
					<br>
					<p style="margin-top: 10px;">说明:每笔佣金的冻结期为0天，到期后可提现</p>
				</view>
				<button style="margin-top: 4vh;background-color: red;color: #fff;border-radius: 20px;">提现</button>
		</view>
	</view>
</template>

<script>
	import { banck } from "../../network/pointer.js"
	export default{
		data(){
			return{
				showSex: false,
							model1: {
								userInfo: {
									name: '',
									sex: '',
								},
							},
			actions: [{
				name: '中国银行',
				},
				{
					name: '建设银行',
				},
				{
					name: '农业银行',
				},],
				radio: '',
						switchVal: false
			}
		},
		methods:{
			sexSelect(e) {
						this.model1.userInfo.sex = e.name
						this.$refs.form1.validateField('userInfo.sex')
					}
		},
		async created(){
			let res = await banck()
			console.log("11",res)
		
		}
		
	}
</script>

<style>
	.banc{
		width: 100vw;
	}
	.min{
		width: 90vw;
		margin-top: 40px;
		margin-left: 5vw;
	}
	.xig{
		display: flex;
		border-bottom: 1px solid #ccc;
	}
	.ka{
		margin-top: 10px;
		display: flex;
		border-bottom: 1px solid #ccc;
	}
	.wen{
		color: #7d8891;
		margin-top: 2vh;
	}
</style>
